import React, { Component } from 'react';
import style from './index.module.scss';
import { NavLink } from 'react-router-dom'
import Footer from './../../components/footer'

class Com extends Component {
  render() {
    return (
      <div className='box'>
        <div className="content">
          <div className={style.header}>
                {/* 返回按钮 */}
                <div className={style.heboxto} onClick={()=> {console.log(this.props.history.go(-1))}}>
                    <span>&lt;</span>
                    <span>返回</span>
                  </div>
              
                  {/* 搜索框 */}
                  <NavLink to="/search">
                    <input type="text" className={style.sou} placeholder="搜索目的地" disabled/>
                  </NavLink>

                  {/* 文案 */}
                  {/* <div className={style.wenan}>欣赏生活自来美</div> */}

                  {/* 标签 */}
                  {/* <div className={style.biaoqian}>
                    <span>伴侣</span>
                    <span>朋友</span>
                    <span>珍惜的人</span>
                  </div> */}

                  {/* 创造 */}
                  {/* <div className={style.chuang}>创造一段有TA的旅程!</div> */}
            </div>
              {/* 文案图片 */}
              <div className={style.wenan}>
                <div className={style.shan}>
                  <img src="/images/all/shanchuang@2x.png" alt=""/>
                </div>
                <div className={style.box}>
                  <img src="/images/all/dahai@2x.png" alt=""/>
                  <img src="/images/all/senglin@2x.png" alt=""/>
                </div>
              </div>

              {/* 推荐游玩 */}
              <div className={style.tui}>
                <div className={style.xiang}>
                  <div className={style.top}>
                    <img src="/images/all/xiapu@2x.png" alt=""/>
                  </div>
                  <div className={style.bottom}>
                    <div className={style.title}>霞浦 | 摄影师的艺术天堂</div>
                    <div className={style.youdi}>
                      四川要闻
                    </div>
                    <div className={style.right}>
                      <span className={style.you}>最佳游玩时间：4-12月</span>
                      <div className={style.dian}>
                        
                          <img src="/images/all/shoucang@2x.png" alt=""/>
                        
                        <span>4724人</span>
                      </div>
                    </div>
                  </div>
                </div>

                <div className={style.xiang}>
                  <div className={style.top}>
                    <img src="/images/all/xiapu@2x.png" alt=""/>
                  </div>
                  <div className={style.bottom}>
                    <div className={style.title}>霞浦 | 摄影师的艺术天堂</div>
                    <div className={style.youdi}>
                      四川要闻
                    </div>
                    <div className={style.right}>
                      <span className={style.you}>最佳游玩时间：4-12月</span>
                      <div className={style.dian}>
                        
                          <img src="/images/all/shoucang@2x.png" alt=""/>
                        
                        <span>4724人</span>
                      </div>
                    </div>
                  </div>
                </div>

                <div className={style.xiang}>
                  <div className={style.top}>
                    <img src="/images/all/xiapu@2x.png" alt=""/>
                  </div>
                  <div className={style.bottom}>
                    <div className={style.title}>霞浦 | 摄影师的艺术天堂</div>
                    <div className={style.youdi}>
                      四川要闻
                    </div>
                    <div className={style.right}>
                      <span className={style.you}>最佳游玩时间：4-12月</span>
                      <div className={style.dian}>
                        
                          <img src="/images/all/shoucang@2x.png" alt=""/>
                        
                        <span>4724人</span>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
        </div>
        <Footer></Footer>
      </div>
    );
  }
}

export default Com
